import { createApp } from 'vue'
import pinia from '@/stores/index'
import App from './App.vue'
import router from './router'
import Antd from 'ant-design-vue'
import MyIcon from '@/components/plug-in/my-icon'
import TablePro from '@/components/plug-in/table-pro'
import IconBtn from '@/components/plug-in/icon-button'
import LinkBtn from '@/components/plug-in/link-button'
import { movable } from '@/utils/util-directive'

import 'nprogress/nprogress.css'
import '@/assets/style/index.less'
import 'ant-design-vue/dist/antd.variable.less'
// import 'ant-design-vue/dist/antd.dark.less';

const app = createApp(App)

app.use(pinia).use(router).use(Antd)

app.component('MyIcon', MyIcon)
app.component('TablePro', TablePro)
app.component('IconBtn', IconBtn)
app.component('LinkBtn', LinkBtn)

app.directive('movable', movable)

app.mount('#app')
